/*头部样式*/
.head{
    width: 100%;
    height: 50px;
    background: #fff;
}

/*下拉菜单样式*/
.dropdown{
    float: left;
    width: 20%;
    margin-bottom: 0;
}
.van-dropdown-menu__title{
    color: #55a8fb;
}

/*搜索栏样式*/
.search{
    width: 100%;
}
.van-search__action{
    color: #55a8fb;
}

/*轮播图样式 开始*/
.swipe{
    position: relative;
}
.swipe img{
    width: 100%;
    height: 120px;
}
.swipe span{
    font-size: 26px;
    position:absolute; 
    left:30%; 
    top:20%;
    color: #fff;   
}
.swipe  p{
    font-size: 12px;
    position:absolute; 
    left:20%; 
    top:50%;
    overflow: hidden;
    color: #fff;
}
/*轮播图样式 结束*/
/*导航样式*/
.tab-box{
    width: 100%;
}
.tab-box ul li{
    float: left;
    width: 25%;
    text-align: center;
    padding: 10px;
    background: #fff;
}
.tab-box ul li span{
    font-size: 26px;
}
.tab-box ul li p{
    font-size: 12px;
    color: #55a8fb;
}
.icon-train{
    color: #02c6cd;
}
.icon-planec{
    color:#0daee9
}
.icon-scenic{
    color:#ffb03e
}
.icon-hotel{
    color:#ff4c6e
}

/*功能样式*/
.feature{
    width: 100%;
    background: #fff;
    margin-top: 65px;
    margin-bottom: 10px;
    overflow: hidden;
}
.feature ul li{
    width: 20%;
    float: left;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.feature ul li span{
    font-size: 17px;
    color:#cbaa84;
}
.feature ul li p{
    font-size: 11px;
}

/*热门推荐样式*/
.hot-module{
    width: 100%;
    background: #fff;
    overflow:hidden;
    margin-bottom: 65px;
}
.hot-module h2{
    text-align: center;
    color: #ff691f;
    padding: 10px;
}
.hot-module .text{
    width: 100%;
    padding: .53333rem .13333rem .26667rem .4rem;
}
.hot-module .text ul li{
    float: left;
    width: 25%;
    text-align: center;
    display: block;
    padding-bottom: 14px;
}
.hot-module .text ul li span{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    display: block;
    background: #f3f4f8;
    border-radius: 40px;
    
}
.hot-module .module ul li{
    float: left;
    width: 50%;
    position: relative;
    display: block;
}
.hot-module .module ul li img{
    width: 100%;
    border-radius: 10px;
    padding: 3%;
}
.hot-module .module ul li span{
    font-size: 16px;
    position:absolute; 
    left:12px; 
    bottom: 16px;
    color:#fff;  
    overflow: hidden;
}
.hot-module p{
    text-align: center;
    color: #55a8fb;
    padding: 10px;
    font-size: 14px;
}

/*底部导航样式*/
.tab-bar{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
}
.tab-bar ul li{
    float: left;
    width: 25%;
    text-align: center;
    padding: 10px;
}
.tab-bar ul li span{
    font-size: 22px;
    color: #55a8fb;
}
.tab-bar ul li p{
    font-size: 12px;
    color: #55a8fb;
}